<template>
  <div>
  <h3>自定义指令</h3>
  <input type="text" v-focus>
  </div>
</template>

<script>
export default {
    // 页面刷新自动获取焦点
    directives:{ //directives 以data平级
        focus:{ //自定义指令名 是配置对象
            inserted(el){ //这个是指令所在的元素渲染时触发 inserted是函数 参数是所绑定的标签元素
                el.focus()  //所绑定的标签元素获取焦点
            }
        }
    }
  
}
</script>